<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-3.2.1.min.js"></script>
<title>购物车-艺博客</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="telephone=no" name="format-detection">
<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no" id="viewport" name="viewport">
<meta name="baidu-site-verification" content="ShuFpCrxDG">

<script src="js/jquery-3.2.1.min.js"></script>
<link rel="apple-touch-icon-precomposed" href="#static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="#static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="#static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="#static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="#static.artbloger.com/touch-icon-144.png">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/font_286873_tqipw4depadobt9.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/responsive2.css">
<link rel="stylesheet" type="text/css" href="css/common2.css">
<link rel="stylesheet" type="text/css" href="css/common.css">

<link rel="shortcut icon" href="/favicon.ico" type="text/css" />



</head>

<body style="background-color: rgb(204, 204, 204); padding-top: 200px;">


	<div class="container">
		<%@ include file="head.jsp" %>
		</div>



		<div class="cart_main" style="min-height: 907px;">
			<ul class="cart_nav">
				<li>首页</li>
				<i>&gt;</i>
				<li>购物车</li>
			</ul>
			<div class="cart_form">
				<form class="form_o" action="#www.artbloger.com/Cms/Cart/MyList/" method="post" name="bfw_form">
					<div class="cartList">
						<ul class="cart_handle">
							<li style="margin-left: 45px;"><label class=""> <input type="checkbox" style="display: none;">
							</label> 全选</li>
							<li style="margin-left: 135px;">商品信息</li>
							<li style="margin-left: 185px;">单价</li>
							<li style="margin-left: 180px;">装裱服务费</li>
							<li style="margin-left: 180px;">小计</li>
							<li style="margin-left: 195px;">操作</li>
						</ul>
						<table border="0" cellpadding="0" cellspacing="0" class="uselist">
							<!-- 商品加入购物车后进行展示 -->
							<tbody>
								<%
									session.getAttribute("listShopCar");
								%>
								<c:forEach items="${listShopCar}" var="i">

									<tr height="143px" width="734px	">
										<td width="480px" style="padding-right: 20px;"><label class=""> <input type="checkbox" style="display: none;" data="1" id="J_CheckBoxcount_62495" name="prodcount[]" value="1">
												<input type="checkbox" style="display: none;" data="1" id="J_CheckBoxcart_62495" name="cartid[]" value="1878"> <input type="checkbox" style="display: none;" data="1"
												id="J_CheckBox_62495" name="prodid[]" class="J_CheckBoxShop" itemid="62495" saleprice="500" value="62495">
										</label>

											<div class="order_itemPic">
												<a href="#www.artbloger.com/Cms/Page/ArtworkDetail/id/62495/"><img src="${i.value.productCar.p_image}" title="夜海" alt="夜海"></a>
											</div>
											<dl class="cart_itemInfo">
												<dt>${i.value.productCar.p_name}</dt>
												<dd>${i.value.productCar.p_author}</dd>
											</dl></td>
										<td width="75px" style="text-align:left;padding-left: 95px;">${i.value.productCar.p_price}</td>
										<td width="70px" style="padding-left:160px;text-align: center;">
											<dl class="cart_itemPay">
												<dt>${i.value.count}</dt>
												<dd>购买数量</dd>
											</dl>
										</td>
										<td width="110px" style="padding-left: 140px;text-align: right;">¥<i class="oneprice">${i.value.productCar.p_price}</i></td>
										<td width="120px" style="padding-left: 160px;cursor: pointer;text-align:center;" data-id="1878" class="cartDelete">
									         <a href="shop.do?did=${i.value.productCar.p_id}">删除</a></td>
									</tr>
								</c:forEach>


							</tbody>
						</table>



						<ul class="cart_paySubmit">
							<li style="margin-left: 45px;"><label class=""> <input type="checkbox" style="display: none;">
							</label> 全选</li>
							<li class="clear_works" style="margin-left: 70px;cursor: pointer;">清空失效商品</li>
							<li style="margin-left:400px;width:400px;text-align:right;" class="cartALL">应付总额: <span class="code_m">¥&nbsp;1111</span><i></i>
							</li>
							<input type="submit" onclick="buy()" value="下单" class="cartPay">
						</ul>

						<script type="text/javascript">
							function buy() {
								alert("qqqqqqqqqqqqqqq");
								$.ajax({
									//几个参数需要注意一下
									type : "POST", //方法类型
									dataType : "text", //预期服务器返回的数据类型
									url : "buy.do", //url
									data : $('#form1').serialize(),
									success : function(data) {
						
										alert("SUCCESS");
						
									},
									error : function() {
										alert("异常！");
									}
								});
							}
						</script>








					</div>
				</form>
			</div>
		</div>
		<div class="footer_box">
			<div class="footer_top">
				<img class="footer_img" src="images/footer_log.png">
				<div class="fr">
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/Questions/">常见问题</a>
							<!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
							<a href="#www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a href="#www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
							<!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
						</dt>
						<dd>
							<!--<a href="javsacript:;">人才招募</a>-->
							<a href="#www.artbloger.com/Cms/Page/ContactUs/">联系我们</a> <a href="#www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/dingyuehao.png">
						</dt>
						<dd>
							<a href="javascript:;">微信订阅号</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/app_down.jpg">
						</dt>
						<dd>
							<a href="javascript:;">手机艺博客</a>
						</dd>
					</dl>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="footer_bottom">
				<p class="footer_bottom_p">
					艺博客版权所有 <a href="#www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright © 2013 - 2017 artbloger.com, All Rights Reserved. <span id="cnzz_stat_icon_1265187549"><a
						href="#www.cnzz.com/stat/website.php?web_id=1265187549" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="images/pic.gif"></a></span>
				</p>
			</div>
		</div>
	</div>


	<link href="css/weui.min.css" rel="stylesheet" type="text/css">
	<link href="css/jquery-weui.min.css" rel="stylesheet" type="text/css">


	<!-- <iframe name="228987" height="0" width="0" src="images/mv.html" style="display: none;"></iframe> -->

</body>


</html>
